<template>
  <div class="center1">
   <headerNav>
         <div class="return" @click="returnBack"></div>
         <div class="center">认证中心</div>
   </headerNav>
   <div class="center_tip">
     <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png"/>
     虚假资料将无法通过审核
   </div>
   <ul class="information">
     <li>
       <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png" class="information_tip"/>
       <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png" class="information_img"/>
       <div class="information_title">身份认证</div>
       <div class="information_Whether">未认证</div>
     </li>
     <li>
       <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png" class="information_tip"/>
       <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png" class="information_img"/>
       <div class="information_title">身份认证</div>
       <div class="information_Whether">未认证</div>
     </li>
     <li>
       <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png" class="information_tip"/>
       <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png" class="information_img"/>
       <div class="information_title">身份认证</div>
       <div class="information_Whether">未认证</div>
     </li>
     <li>
       <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png" class="information_tip"/>
       <img src="http://file.rzkeji.com/web/loveciy/img/tabBar/circle.png" class="information_img"/>
       <div class="information_title">身份认证</div>
       <div class="information_Whether">未认证</div>
     </li>
   </ul>
   <div class="commit_information">
     <div>开始认证</div>
   </div>
  </div>
</template>

<script>
import headerNav from '@/components/header_nav'
export default {
  name: 'center',
  components:{
    headerNav
  },
  data () {
    return {
    }
  },
  methods:{
    returnBack(){
      this.$router.go(-1)
    }
  },
  mounted(){

  }
}
</script>
<style scoped>
.center1{width: 100%;padding-top: 50px}
.center1 div.center{width: 100%;height: 100%;line-height: 50px;text-align: center;font-size: 18px;color: #fff;background-image: linear-gradient(-180deg,#3583f1,#1862E2);border-bottom: 1px solid #3583f1;}
.center_tip{width: 100%;height: 50px;line-height: 50px;font-weight: 400;font-size: 12px;color: #ff9700;display: flex;justify-content: row;}
.center_tip img{width: 20px;height: 20px;margin-left: 18px;margin-top: 15px;margin-right: 5px;}
.information li{width: 157px;height: 138px;float: left;border: 1px solid #d0d0d0;border-radius: 10px;position: relative;margin-left: 18px;margin-bottom: 15px;}
.information_tip{width:30px;height:30px;position: absolute;left: 0;top: 0;}
.information_img{width: 34px;height: 45px;position: absolute;left: 50%;margin-left: -17px;top: 20px;}
.information_title{width: 100%;height: 30px;position: absolute;left: 0;top:75px;color: #333;font-size: 16px;text-align: center;}
.information_Whether{width: 100%;top:105px;color: #f5a623;height: 30px;font-size: 16px;position: absolute;left: 0;text-align: center;}

.commit_information{position: fixed;bottom: 0;height: 60px;width: 100%;background-color: #f0f0f0;z-index: 99;}
.commit_information div{border-radius: 5px;line-height: 40px;margin-top: 10px;margin-left: 5%;text-align: center;color: #fff;font-size: 18px;width: 90%;background-color: #3583f1;}
</style>
